<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>订单详情</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<!--定义样式-->
		<link rel="stylesheet" type="text/css" href="../css/order.css"/>
	</head>
	<body  ng-app='app' ng-controller='orderdetailController'>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
			<h1 class="mui-title color6">订单详情</h1> 
		</header>
		<div class="mui-content">
			<div class="p_tb11_lr15 m_t16 bg_white">
				<div class="mui-clearfix p_tb10 pos_re m_b10 customer_info" >
					<a class="mui-pull-left">
						<!--<p class="user_pic b1 circle60"></p>--><!--没有图片的时候显示-->
						<img src="{{order.photo}}" class="circle60 b1"/>
					</a>
					<div class="mui-pull-left p_l10">
						<div class='store-star'>
							<span>{{order.username}}</span>
							<div class='star-outer'>
								<div class='star-inner' data-level="{{order.score}}"></div>
							</div>
						</div>
						<p class="color3 m_t16">手机号：<span id="phone_num">{{order.tel}}</span></p>
					</div>
					<button id="call_btn" disabled >
						<a class="colorP" href="tel:{{order.tel}}">
							<i class="iconfont mui-icon font36 icon-service-phone"></i>
						</a>
					</button>	
				</div>
	        	<ul class="p_tb11 mui-clearfix">
	        		<li class="m_b12"><i class="iconfont mui-icon color_green icon-dian-copy"></i>出发地：{{order.addresses}}</li>
	        		<li class="m_b12"><i class="iconfont mui-icon color_orange icon-dian-copy"></i>目的地：{{order.down}}</li>
		        	<li class="font12 color9 mui-pull-right">{{order.placetime}}</li>
	        	</ul>
			</div>
			<div class="mui-text-center p_tb30P color9">
				<!--客户取消代驾显示-->
				<span class="font20 customer mui-hidden">客户取消了</span><br /><br />
				<p class="customer mui-hidden">暂时不需要代驾了</p>
				<!--司机时间来不及  赶不到显示-->
				<span class="font20 driver mui-hidden">司机取消</span><br /><br />
				<p class="driver mui-hidden">时间来不及，赶不到了</p>
				<!--司机端-订单详情-->
				<span class="customer" ng-if="order.status==1">正等待司机接单</span><br /><br />
				<span class="customer" ng-if="order.status==2">司机已接单</span><br /><br />
				<span class="customer" ng-if="order.status==3">订单进行中</span><br /><br />
				<span class="customer" ng-if="order.status==8">司机已就位</span><br /><br />
				<span class="customer" ng-if="order.status==5">订单已完成</span><br /><br />
				<span class="customer" ng-if="order.status==6">该订单已评价</span><br /><br />
				<span class="customer" ng-if="order.status==7">{{order.reason}}</span><br /><br /> <!--待评价-->
				<!--<span class="font20 customer">此订单已完成</span><br /><br />--> <!--已完成-->
			</div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script src="../js/angular1.2.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script src="../js/app/order_detail.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
		tool.calculateStarWidth(); //计算等级星星的宽度
		//调用电话拨号
		function call_sb(num){
			plus.device.dial(num,true);
		}
	</script>
</html>